const Titles = ({ title, left = false, size = 16 }: any) => {
	return (
		<p
			style={{
				width: "100%",
				height: "20px",
				display: "flex",
				justifyContent: left ? "" : "space-around",
				alignItems: left ? "" : "center"
			}}
		>
			<span style={{ position: "relative", width: "50%", fontWeight: "bold", fontSize: size + "px", paddingLeft: "10px" }}>
				<b style={{ height: "100%", position: "absolute", left: 0, top: -1 }}>|</b>
				{title}
			</span>
		</p>
	);
};
export default Titles;
